<template>
  <div class="flex align-items-center">
    <el-divider direction="vertical" />
    <div class="flex-1 text-center p-x-10">
      <div class="info f-mini">关注了</div>
      <span class="f-mini-plus">{{ user.infos.follow }}</span>
    </div>
    <el-divider direction="vertical" />
    <div class="flex-1 text-center p-x-10">
      <div class="info f-mini">关注者</div>
      <span class="f-mini-plus">{{ user.infos.fans }}</span>
    </div>
  </div>
</template>

<script>
import { mapState } from 'vuex';

export default {
  name: 'follow-info',
  computed: {
    ...mapState({ user: 'showingUser' }),
  },
};
</script>

<style></style>
